<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>简单的面板效果</title>
  <link rel="stylesheet" href="./css/h06.css">
</head>

<body>

  <!-- 面板区域 -->
  <div class="menus">
    <div id="tohtml">html</div>
    <div id="tocss">css</div>
    <div id="tojs">javascript</div>
  </div>
  <hr>

  <div id="divhtml" style="display: block;">
    超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
    您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
    在本教程中，您将学习如何使用 HTML 来创建站点。
    HTML 很容易学习！相信您能很快学会它！
  </div>

  <div id="divcss" style="display: none;">
    CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。
    通过使用 CSS 我们可以大大提升网页开发的工作效率！
    在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。
    CSS3 现在已被大部分现代浏览器支持，而下一版的 CSS4 仍在开发中。
  </div>

  <div id="divjs" style="display: none;">
    JavaScript 是 Web 的编程语言。
    所有现代的 HTML 页面都可以使用 JavaScript。
    JavaScript 非常容易学。
    本教程将教你学习从初级到高级 JavaScript 知识。
  </div>


  <script src="./js/h06.js"></script>
</body>

</html>